<template>
  <van-nav-bar title="发布闲置" left-text="返回" left-arrow @click-left="onClickLeft" />
<!-- https://img.zcool.cn/community/01b3bc57454e9c32f875a429e692fe.jpg@1280w_1l_2o_100sh.jpg -->
<van-image
  width="360"
  height="280"
  src="https://img.zcool.cn/community/01b3bc57454e9c32f875a429e692fe.jpg@1280w_1l_2o_100sh.jpg"
/>
<br><br><br>
    <van-button icon="youzan-shield"  round size="large " color="linear-gradient(to right, #ffe153, #eac100)" 
    @click="toMessage">
  <van-swipe
    vertical
    class="notice-swipe"
    :autoplay="2000"
    :touchable="false"
    :show-indicators="false"
  >
    <van-swipe-item>  一 键 转 卖 </van-swipe-item>
    <van-swipe-item>  一 键 转 卖 </van-swipe-item>
  </van-swipe>
</van-button>
<br><br>
<van-button icon="free-postage" round size="large " color="linear-gradient(to right, #a8ff24, #82d900)" @click="toMessage">
  <van-swipe
    vertical
    class="notice-swipe"
    :autoplay="2000"
    :touchable="false"
    :show-indicators="false"
  >
    <van-swipe-item>免  费  送</van-swipe-item>
    <van-swipe-item>免  费  送</van-swipe-item>
  </van-swipe>
</van-button><br><br>
<van-button icon="guide-o" round size="large " color="linear-gradient(to right, #ffaad5, #ff79bc)" @click="toMessage">
  <van-swipe
    vertical
    class="notice-swipe"
    :autoplay="2000"
    :touchable="false"
    :show-indicators="false"
  >
    <van-swipe-item>极  速  回  收</van-swipe-item>
    <van-swipe-item>极 速 回 收</van-swipe-item>
  </van-swipe>
</van-button><br><br>
<van-button icon="plus" round size="large " color="linear-gradient(to right, #ff6034, #ee0a24)" to="fabuxianzhi">
  <van-swipe
    vertical
    class="notice-swipe"
    :autoplay="2000"
    :touchable="false"
    :show-indicators="false"
  >
    <van-swipe-item>发 布 闲 置</van-swipe-item>
    <van-swipe-item>发 布 闲 置</van-swipe-item>
  </van-swipe>
</van-button><br><br><br>
<van-col offset="10">
<van-icon name="close" size="70" @click="closeView" color="#8e8e8e"/>
</van-col>
</template>
<script setup>
import { Dialog } from '@vant/compat';
import { useRouter } from 'vue-router'; //路由器
const onClickLeft = () => history.back();
const router = useRouter();
// 弹出对话框
function toMessage(){
  Dialog({ title: '提示', message: '正在开发中~~😊，敬请期待！！！😘' });
}
const closeView=function(){
  router.push("/")
}
</script>

<style>
  .notice-swipe {
    height: 40px;
    line-height: 40px;
  }
</style>